
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <title>全屏滚动</title>
    <link rel="stylesheet" type="text/css" href="css/top.css"/>
    <link rel="stylesheet" type="text/css" href="css/index.css"/>
    <link rel="stylesheet" type="text/css" href="css/lb.css"/>  
    
    <!--<script src="js/top.js" type="text/javascript" charset="utf-8"></script>-->
</head>
<body>
    <div class="index">
        <div class="event" id="ev_01">  
            <img src="img/ev1.png" class="ev_bg1"/>
            <div class="ev1_main">
                <div class="down_line">
                    <img src="img/xianshang.png"/>
                </div>
                <div class="up_line">
                    <img src="img/xianxia.png"/>
                </div>
            </div>
        </div>
        <div class="event" id="ev_02">      
            <img src="img/ev2.png" class="ev_bg2"/>
            <div class="ev2_main">
                <div class="ev2_title">
                    产品推荐
                </div>
                <div class="title2">
                    丰富应用&nbsp;&nbsp;&nbsp;个性营销
                </div>
                <div class="slide_change">
                    <div class="events">
                        <div class="focus">
                            <a class="pre" href="javascript:void(0);" id="pre"><img src="img/arrow1.png" class="arrow1"/></a>
                            <a class="next" href="javascript:void(0);" id="next"><img src="img/arrow2.png"  class="arrow2"/></a>
                            <div class="banner" id="banner">
                                <ul>
                                    <li><a href="#"><img class="img1" src="img/banner3.jpg" /></a></li>
                                    <li><a href="#"><img class="img1" src="img/banner2.jpg" /></a></li>
                                    <li><a href="#"><img class="img1" src="img/banner1.jpg" /></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="event" id="ev_03">  
            <img src="img/ev3.png" class="ev3_bg"/>
            <div class="ev3_main">
                <div class="ev3_title">
                    独有会员体系
                </div>
                <div class="title3">
                    <p>
                        会员一体化、打通线上线下、使会员数据连通、O2O完美解决方案
                    </p>
                     <p>
                        增加用户粘度、让会员享受个性化专属服务
                     </p>
                </div>
                <div class="iconbg1 icon_01">
                    <div class="icons"><a href=""><img src="img/icon03.png" class="icon01"/></a></div>
                    <div class="txts">
                        <p class="first_p">会员一体化</p>
                        <p>会员等级、会员身份扫码识别</p>
                        <p>智能推送、推荐有礼</p>
                        <p>业务联动、微信卡包对接</p>
                        <p>多项会员管理联动功能</p>
                        <p>有效利用会员资源</p>
                    </div>
                </div>
                <div class="iconbg1 icon_02">
                    <div class="icons"><a href=""><img src="img/icon02.png" class="icon01"/></a></div>
                    <div class="txts">
                        <p class="first_p">系统积分</p>
                        <p>积分消费、积分游戏</p>
                        <p>积分转增、充值得积分</p>
                        <p>分享积分、签到积分、开卡积分</p>
                        <p>消费获积分、生日积分</p>
                        <p>完美积分体系、增强用户粘性</p>
                    </div>
                </div>
                <div class="iconbg1 icon_03">
                    <div class="icons"><a href=""><img src="img/icon01.png" class="icon01"/></a></div>
                    <div class="txts">
                        <p class="first_p">数据连通</p>
                        <p>线上充值、余额双边消费</p>
                        <p>扫码消费、消费提醒</p>
                        <p>线下数据上传</p>
                        <p>线上资源导入线下</p>
                        <p>实现资源的高效利用</p>
                    </div>
                </div>
            </div>
        </div>      
        <div class="event" id="ev_04">  
            <img src="img/ev4.png" class="ev3_bg"/>
            <div class="ev4_main">
                    <div class="ev4_title">
                            功能详解
                    </div>
                    <div class="title4">
                        <p>
                        融合创新理念和最新技术,打造会员一体化 
                        </p>
                         <p>
                            实现会员资源的充分利用,循环消费 
                         </p>
                    </div>
                    <img src="img/pic1.png" class="pic1"/>
                </div>
                
        </div>
        <div class="event" id="ev_05">  
            <img src="img/ev5.png" class="ev3_bg"/>
            <div class="ev5_main">
                <div class="center_content">
                    <p class="big_title"><img src="img/title.png"/> </p>
                    <p class="lit_title">让你的信息瞬传四周，引爆轰动！<font>duang</font></p>
                </div>
                
                <div class="GPS1">
                    <div class="gps gps01">
                        <img src="img/gps.png"/>
                        <div class="chart">虽然有点远~说不定赶得及！出发！</div>
                    </div>                  
                </div>
                
                <div class="GPS2">
                    <div class="gps gps02">
                        <img src="img/gps.png"/>
                        <div class="chart">咦？一分钟前的消息，过去还来得及！</div>
                    </div>                  
                </div>
                <div class="GPS3">
                    <div class="gps gps03">
                        <img src="img/gps.png"/>
                        <div class="chart">听说那边有甩卖！过去看看！</div>
                    </div>                  
                </div>
                <div class="GPS4">
                    <div class="gps gps04">
                        <img src="img/gps.png"/>
                        <div class="chart">啊啊啊，限时一小时1折优惠咯！</div>
                    </div>                  
                </div>
                <div class="GPS5">
                    <div class="gps gps05">
                        <img src="img/gps.png"/>
                        <div class="chart">233333!笑死宝宝了！</div>
                    </div>                  
                </div>
                <div class="GPS6">
                    <div class="gps gps06">
                        <img src="img/gps.png"/>
                        <div class="chart">转发转发！不能我一个人受惊！</div>
                    </div>                  
                </div>
                
            </div>
        </div>          
    </div>
    
</body>

</html>
<script src="js/jquery-1.12.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/allScroll.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lb.js" type="text/javascript" charset="utf-8"></script>

<!-- JiaThis Button BEGIN -->
<script type="text/javascript" src="http://v3.jiathis.com/code/jiathis_r.js?type=left" charset="utf-8"></script>
<!-- JiaThis Button END -->
<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
